/* Alerts */

// Bootstrap 3 defaults
$alert-neutral-border: gray !default;
$alert-neutral-bg: #f0f0f0 !default;
$alert-neutral-text: darken(darkgray, 20%) !default;

.alert-neutral,
.bs-callout-neutral {
  background-color: $alert-neutral-bg;
  border-color: $alert-neutral-border;
  h1, h2, h3, h4, h5, h6 {
    color: $alert-neutral-text;
  }
}

.alert-info,
.bs-callout-info {
  background-color: $alert-info-bg;
  border-color: $alert-info-border;
  h1, h2, h3, h4, h5, h6 {
    color: $alert-info-text;
  }
}

.alert-success,
.bs-callout-success {
  background-color: $alert-success-bg;
  border-color: $alert-success-border;
  h1, h2, h3, h4, h5, h6 {
    color: $alert-success-text;
  }
}

.alert-warning,
.bs-callout-warning {
  background-color: $alert-warning-bg;
  border-color: $alert-warning-border;
  h1, h2, h3, h4, h5, h6 {
    color: $alert-warning-text;
  }
}

.alert-danger,
.bs-callout-danger {
  background-color: $alert-danger-bg;
  border-color: $alert-danger-border;
  h1, h2, h3, h4, h5, h6 {
    color: $alert-danger-text;
  }
}

.ds-warning {
  h3, .value, .unit {
    color: $alert-warning-text;
  }
}

.ds-danger {
  h3, .value, .unit {
    color: $alert-danger-text;
  }
}
